import React,{Component} from 'react';
import { Icon, Input, Button, Table } from 'antd';
import './index.less';
const Search = Input.Search;
const columns = [{
	title: '序号',
	dataIndex: '序号',
	key: '序号',
  }, {
	title: '姓名',
	dataIndex: '姓名',
	key: '姓名',
  }, {
	title: '账户',
	dataIndex: '账户',
	key: '账户',
  }, {
	title: '性别',
	dataIndex: '性别',
	key: '性别',
  }, {
	title: '备注',
	dataIndex: '备注',
	key: '备注',
  }, {
	title: '最后时间',
	dataIndex: '最后时间',
	key: '最后时间',
  }, {
	title: '最后更新人',
	dataIndex: '最后更新人',
	key: '最后更新人',
  }];
 

class Notes extends React.Component {
	state = {
		data : [{
			key: '1',
			序号: '1',
			姓名: '张三',
			账户: 'admin',
			性别: '男',
			备注: '张三是个男的admin',
			最后时间: '2017-11-16 23:23:49',
			最后更新人: 'admin',
		}, {
			key: '2',
			序号: '2',
			姓名: '张三',
			账户: 'admin',
			性别: '男',
			备注: '张三是个男的admin',
			最后时间: '2017-11-16 23:23:49',
			最后更新人: 'admin',
		}, {
			key: '3',
			序号: '3',
			姓名: '张三',
			账户: 'admin',
			性别: '男',
			备注: '张三是个男的admin',
			最后时间: '2017-11-16 23:23:49',
			最后更新人: 'admin',
		}]
	}
	render() {
		return (
			<div>
				<div className="index-buttons">
					<Search placeholder="姓名或账户" enterButton size="large" style={{ width: 260 }} />
				</div>
				<Table columns={columns} dataSource={this.state.data} bordered />
			</div>
			
				
		);
	}
}

export default Notes;
